@import "../../both/mixin";

.admin_sidebar_cr.bln{
  background-color : #f0f6f6;
  border-right : 1px solid #cedfea;
  height : 100%;
  position: relative;
  float : left;
  width : 199px;
  z-index : 0;
  right : 0;
  transition : left,right .5s,.5s;

  .sidebar_title{
    font-size : 24px;
    padding: 20px 0;
    margin : 0 15px;
    border-bottom: 1px solid #cedfea;
  }

  .sidebar_switch{
    overflow: hidden;
    position: absolute;
    right : 0;
    top : 24px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    width : 16px;
    height : 36px;
    border:1px solid #c7e0ef;
    border-right : none;
    border-radius : 3px 0 0 3px;
    background-color : #f7fdfd;
    color : #2277da;
  }

  .sidebar_switch.show{
    right : -16px;
    border:1px solid #c7e0ef;
    border-left : none;

    i{
      transform: rotate(180deg);
    }
  }

  .sidebar_list{
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    ul{
      display: block;
      list-style: none;
      text-decoration: none;
      padding: 5px 0;

      li{
        display: block;
        text-align: left;
        padding: 10px 18px;
        color: #586376;
      }

      li.cur{
        background-color: #d5e2ef;
        color: #2277da;
      }

      li:hover{
        background-color: #d5e2ef;
        color: #2277da;
      }

      a{
        text-decoration: none;
        display: block;
        color: inherit;
      }

      hr.seg{
        width : 165px;
        color: #cedfea;
        height : 0px;
        border: none;
        border-top : 1px solid #cedfea;
        margin : 0 auto;
      }
    }
  }
}